<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>地狗购物网-网页定位导航特效</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div id="menu">
			<ul>
				<li><a href="#item1" class="current">1F 男装</a></li>
				<li><a href="#item2">2F 女装</a></li>
				<li><a href="#item3">3F 美妆</a></li>
				<li><a href="#item4">4F 数码</a></li>
				<li><a href="#item5">5F 母婴</a></li>
			</ul>
		</div>
		<div id="content">
			<h1>地狗购物网</h1>
			<div id="item1" class="item">
				<h2>1F 男装</h2>
				<ul>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/1F.jpg" alt="image"></a></li>
				</ul>
			</div>
			<div id="item2" class="item">
				<h2>2F 女装</h2>
				<ul>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/2F.jpg" alt="image"></a></li>
				</ul>
			</div>
			<div id="item3" class="item">
				<h2>3F 美装</h2>
				<ul>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/3F.jpg" alt="image"></a></li>
				</ul>
			</div>
			<div id="item4" class="item">
				<h2>4F 数码</h2>
				<ul>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
					<li><a href="#"><img src="imgs/4F.png" alt="image"></a></li>
				</ul>
			</div>
			<div id="item5" class="item">
				<h2>5F 母婴</h2>
				<ul>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
					<li><a href="#"><img src="imgs/5F.jpg" alt="image"></a></li>
				</ul>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
		<script src="script.js"></script>
	</body>
</html>